<template>
<div class="flightLineTaskListDiv flightLineTaskListDiv-deep">
	<v-tab v-model="index" :line-width="3" :custom-bar-width="setWidth" :tabs-width="setTabsWidth" id="taskVtabs">
		<v-tab-item selected  @on-item-click="onItemClick">未完工({{taskData.length}})</v-tab-item>
		<v-tab-item  @on-item-click="onItemClick">已完工</v-tab-item>
		<v-tab-item disabled>
				<img :src="imgArr[0].src" width="20" height="20"
				style="position: relative;bottom: 10px;right: -40px;"
				@click="scanCode()">
		</v-tab-item>
		<!-- <div slot="right">
	    	<v-icon type="scan" style="font-size:18px"></v-icon>
	    </div> -->
	</v-tab>
	<div v-if="!fishedDataFlag" style="height: calc(100vh - 40px);overflow: scroll;background: #F5F5F5;">
	<div  v-if="taskData.length>0">
	<v-swipeout  class="taskListClass" v-for="item in taskData" :key="item.id" style="width:96%">
		<v-swipeout-item underlay-color="#F5F5F5"
			@on-close="handleEvents('on-close')"  @on-open="handleEvents('on-open')">
			<div slot="right-menu">
				<!-- 任务类型和侧滑菜单逻辑
					固定任务FIXED_TASK：process
					例行任务ROUTINE_TASK：process   reject   mr    pdf
					非例行任务NON_ROUTINE_TASK：process   reject   mr (故障转非例行无mr:workType=NRC)
					故障DEFECT_TASK：process 
					其他类型无侧滑菜单-->
				<div style="display: inline-block;height:100%;float:right">
					<!-- 固定或故障任务:FIXED_TASK、DEFECT_TASK -->
					<div style="height:100%" v-if="item.type ==='FIXED_TASK' || item.type ==='DEFECT_TASK'">
						<v-swipeout-button :width="75" class="proccessClass" 
						@click.native="onButtonClick(item,'process')">Process</v-swipeout-button>
					</div>
					<!-- 例行任务或非例行任务:ROUTINE_TASK、NON_ROUTINE_TASK -->
					<div style="height:70%" v-if="item.type==='ROUTINE_TASK' || item.type==='NON_ROUTINE_TASK'">
						<v-swipeout-button :width="75" class="proccessClass"
						@click.native="onButtonClick(item,'process')">Process</v-swipeout-button>
					</div>
					<div style="height:calc(30% - 5px);margin-top:5px" v-if="item.type==='ROUTINE_TASK' || item.type==='NON_ROUTINE_TASK'">
						<v-swipeout-button :width="75" class="rejectClass"
						@click.native="onButtonClick('delete')">Reject</v-swipeout-button>
					</div>
				</div>

				<!-- 例行任务:ROUTINE_TASK -->
				<div style="display: inline-block;height:100%;margin-right:5px;" v-if="item.type==='ROUTINE_TASK'">
					<div style="height:calc(50% - 3px);">
						<v-swipeout-button :width="75" class="mrPdfClass" 
						@click.native="onButtonClick('fav')">view PDF</v-swipeout-button>
					</div>
					<div style="height:calc(50% - 3px);margin-top:6px">
						<v-swipeout-button :width="75" class="mrPdfClass"
						@click.native="onButtonClick(item,'mrlist')">MR List</v-swipeout-button>
					</div>
				</div>

				<!-- 非例行任务且非故障转例行任务 -->
				<div style="display: inline-block;height:100%;margin-right:5px;" v-if="item.type==='NON_ROUTINE_TASK' && item.workType!='NRC'">
					<div style="height:100%;">
						<v-swipeout-button :width="75" class="mrPdfClass"
						@click.native="onButtonClick(item,'mrlist')">MR List</v-swipeout-button>
					</div>
				</div>

			</div>
			<div slot="content" class="taskItemClass">
				<!-- <div class="taskListClass"> -->
					<!-- <div class="taskItemClass"> -->
						<div class="divClass1">
							<div class="typeClass">{{item.paWorkType?item.paWorkType:"- -"}}</div>
							<div style="display: inline-block;">
								<div style="margin-left:5px">
									<div style="color:#333333;font-size:16px;font-weight:600;
									    position: relative;top:5px">
										<span v-if="item.flightNo" style="margin-right:5px">{{item.flightNo}}</span>
										<span v-if="item.acReg">{{item.acReg}}</span>
									</div>
									<div style="color:#808080;font-size:14px;
										position: relative;top:10px">
										<span style="margin-right:5px" v-if="item.station">{{item.station}}</span>
										<div v-if="item.palneSeat"
										style="display: inline-block;color:#808080;font-size:12px; 
										border:1px solid #999999;background:#F3F3F3;color:#333333;
										width:33px;height:16px;line-height:16px;text-align:center">{{item.palneSeat}}</div>
									</div>
								</div>
							</div>

							<div style="display: inline-block;float: right;">
								<div style="position: relative;top:5px;text-align: right">
									<!-- 航班日期 -->
									<span v-if="item.flightDate"
									style="color:#333333;font-size:14px;font-weight:600">{{item.flightDate}}</span>
								</div>
								<div style="position: relative;top:12px;text-align: right;" v-if="item.flightTime">
									<div style="display: inline-block;color:#808080;font-size:12px;margin-right:5px;
									border:1px solid #999999;background:#F3F3F3;color:#333333;width:16px;height:16px;line-height:16px;text-align:center">计</div>
									<!-- 飞行时间 -->
									<span style="color:#333333;font-size:14px;font-weight:600">{{item.flightTime}}</span>
								</div>
							</div>
						</div>
						<div class="divClass2"></div>
						<div class="divClass3" v-if="item.cardNumber || item.jobDate">
							<div style="display: inline-block;color:#333333;font-size:14px;font-weight:600">
								<!--<span v-if="item.cardNumber">{{item.cardNumber}}</span>-->

								<span v-if="item.cardNumber">
									{{item.workType!="JC"&&item.workType!="TO"&&item.workType!="NRCT"&&item.workType!="PCO"?item.workType+'-'+item.cardNumber:item.cardNumber}}
								</span>
								<!--<span v-if="!item.cardNumber">-->
									<!--{{item.type}}-->
								<!--</span>-->
							</div>
							<div style="display: inline-block;color:#666666;font-size:14px;float: right;" v-if="item.jobDate">
								<!-- MCC计划时间-任务开始时间  -->
								<span>{{item.jobDateFormat}}</span>
							</div>
						</div>

						<div class="divClass4" v-if="item.description">
							{{item.description}}
						</div>
					</div>
				<!-- </div> -->
			<!-- </div> -->
		</v-swipeout-item>
	</v-swipeout></div>
	<div v-else style="text-align:center;margin-top:220px">
		<img :src="imgArr[1].src" width="200" height="140">
		<div style="font-size:12px;color:#808080">暂无数据</div>
	</div>
	</div>

	<div v-if="fishedDataFlag" style="height: calc(100vh - 40px);overflow: scroll;background: #F5F5F5;">
		<div class="taskListClass" v-if="finshedTaskData.length>0">
			<div class="taskItemClass" style="margin-bottom:8px"
			v-for="item in finshedTaskData" :key="item.id">
				<div class="divClass1">
					<div class="typeFishedClass">{{item.paWorkType?item.paWorkType:"- -"}}</div>
					<div style="display: inline-block;">
						<div style="margin-left:5px">
							<div style="color:#333333;font-size:16px;font-weight:600;
							 position: relative;top:5px">
								<span style="margin-right:5px" v-if="item.flightNo">{{item.flightNo}}</span>
								<span v-if="item.acReg">{{item.acReg}}</span>
							</div>
							<div style="color:#808080;font-size:14px;
							 position: relative;top:10px">
								<span style="margin-right:5px" v-if="item.acReg">{{item.station}}</span>
								<div v-if="item.palneSeat"
								style="display: inline-block;color:#808080;font-size:12px;
								border:1px solid #999999;background:#F3F3F3;color:#333333;
								width:33px;height:16px;line-height:16px;text-align:center"
								>{{item.palneSeat}}</div>
							</div>
						</div>
					</div>

					<div style="display: inline-block;float: right;">
						<div style="position: relative;top:5px;text-align: right">
							<span v-if="item.flightDate"
							style="color:#333333;font-size:14px;font-weight:600">{{item.flightDate}}</span>
						</div>
						<div style="position: relative;top:12px;text-align: right;" v-if="item.flightTime">
							<div style="display: inline-block;font-size:12px;margin-right:5px;
							border:1px solid #999999;background:#F3F3F3;color:#333333;
							width:16px;height:16px;line-height:16px;text-align:center"
							>计</div>
							<span style="color:#333333;font-size:14px;font-weight:600">{{item.flightTime}}</span>
						</div>
					</div>
				</div>
				<div class="divClass2"></div>
				<div class="divClass3" v-if="item.cardNumber || item.jobDate">
					<div
						style="display: inline-block;color:#333333;font-size:14px;font-weight:600">
						<span  v-if="item.cardNumber">{{item.cardNumber}}</span>
						<div v-if="item.cardNumber"
						style="display: inline-block;font-size:12px;margin-left:5px;
							background:#B2B2B2;color:#ffffff;width:42px;
							height:16px;line-height:16px;text-align:center"
							>已关闭</div>
					</div>
					<div style="display: inline-block;color:#666666;font-size:14px;float: right;">
						<span v-if="item.jobDate">{{item.jobDateFormat}}</span>
					</div>
				</div>

				<div class="divClass4" v-if="item.description">
					{{item.description}}
					<!-- 少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所少时诵诗书所所所所所所所所所所所所所所
					少时诵诗书所所所所所所所所所所所所所所所所所少时诵诗书所所所所所所所所所所所所少时诵诗书所所所所所所所所少时诵诗书所所所所所所所哒哒哒哒哒哒多多多多多 -->
					
				</div>
			</div>
		</div>
		<div v-else style="text-align:center;margin-top:220px">
			<img :src="imgArr[1].src" width="200" height="140">
			<div style="font-size:12px;color:#808080">暂无数据</div>
		</div>
	</div>
</div>
</template>

<script>
	export default {
		name: "flightLineTaskList",
		data() {
			return {
				num:0,
				index:0,
				fishedDataFlag:false,
				taskData:[],
				finshedTaskData:[],
				imgArr: [{
				src: require('../../icont/sfa-app-icon-saoma@3x.png')
				}, {
				src: require('../../icont/noData@3x.png')
				}]
				// finshedTaskData:[
				// 	{
				// 		"id": '1',
				// 		"paWorkType":"Po/F",
				// 		"flightNo":"O37301",
				// 		"acReg":"B2855",
				// 		"flightDate":"21/04/22",
				// 		"station":"WUX1",
				// 		"palneSeat":"A12",
				// 		"flightTime":"20::20",
				// 		"cardNumber":"EOJC-B747-28-0006",
				// 		"description":"更新EGPWS地形数据库至版本621 Update the Terrain Database of EGPSW to version 621",
				// 		"jobDateFormat":"2021-04-16 06:33"
				// 	},
				// 	{
				// 		"id": '2',
				// 		"paWorkType":"T/R",
				// 		"flightNo":"O37302",
				// 		"acReg":"B2856",
				// 		"flightDate":"21/04/22",
				// 		"station":"WUX2",
				// 		"palneSeat":"--",
				// 		"flightTime":"20::20",
				// 		"cardNumber":"EOJC-B747-34-0103",
				// 		"description":"B747未加装氮气发生系统飞机每750FH执行FQIS地面测试并排除相关故障 B747 freighters that do not have...",
				// 		"jobDateFormat":"2021-04-16 06:33"
				// 	},
				// 	{
				// 		"id": '3',
				// 		"paWorkType":"Po/F",
				// 		"flightNo":"O37301",
				// 		"acReg":"B2855",
				// 		"flightDate":"21/04/22",
				// 		"station":"WUX1",
				// 		"palneSeat":"A12",
				// 		"flightTime":"20::20",
				// 		"cardNumber":"EOJC-B747-28-0006",
				// 		"description":"更新EGPWS地形数据库至版本621 Update the Terrain Database of EGPSW to version 621",
				// 		"jobDateFormat":"2021-04-16 06:33"
				// 	},
				// 	{
				// 		"id": '4',
				// 		"paWorkType":"T/R",
				// 		"flightNo":"O37302",
				// 		"acReg":"B2856",
				// 		"flightDate":"21/04/22",
				// 		"station":"WUX2",
				// 		"palneSeat":"A12",
				// 		"flightTime":"20::20",
				// 		"cardNumber":"EOJC-B747-34-0103",
				// 		"description":"B747未加装氮气发生系统飞机每750FH执行FQIS地面测试并排除相关故障 B747 freighters that do not have...",
				// 		"jobDateFormat":"2021-04-16 06:33"
				// 	},
				// 	{
				// 		"id": '5',
				// 		"paWorkType":"T/R",
				// 		"flightNo":"O37302",
				// 		"acReg":"B2856",
				// 		"flightDate":"21/04/22",
				// 		"station":"WUX2",
				// 		"palneSeat":"A12",
				// 		"flightTime":"20::20",
				// 		"cardNumber":"EOJC-B747-34-0103",
				// 		"description":"B747未加装氮气发生系统飞机每750FH执行FQIS地面测试并排除相关故障 B747 freighters that do not have...",
				// 		"jobDateFormat":"2021-04-16 06:33"
				// 	}
				// ],
				// bigProcess:true,
				// bigMrList:true,
				
				// bigProcess:false,
				// bigMrList:false,
			}
		},
		computed: {},
		watch: {},
		created() {
			// var oDiv =document.getElementById('taskVtabs');
        		// alert( oDiv.style.height)//200
			// console.log(oDiv);
		},
		mounted() {
			this.selectMyAssignation();
			window['getCode'] = data => {
				this.getCode(data);
			}	
		},
		methods: {
			setWidth(index){
				switch(index){
					case 0:return '200px';
					case 1:return '100px';
					case 2:return '30px';
					default:return '150px';
				}
			},
			setTabsWidth(index){
				switch(index){
					case 0:return 100;
					case 1:return 100;
					case 1:return 50;
					default:return 100;
				}
			},
			onItemClick (index) {
				if(index===0){
					this.fishedDataFlag=false;
				}else if(index===1){
					this.fishedDataFlag=true;
				}
				// this.selectMyAssignation();
				console.log(this.fishedDataFlag);
			},
			handleEvents(){
				
			},
			// 查询我的派工信息
			selectMyAssignation(){
				let data = {};
				let url = "/workorder/queryInfo/selectMyAssignation";
				let method = "POST";
				this.$http(url, data, method,"")
				.then(res => {
					if(res.data.success){
						if(res.data.obj&&res.data.obj.length>0){
							console.log(res.data.obj);
							this.handleResponseData(res.data.obj);
						}
		
					}else{
						this.$commonAlert(res.data.errorMessage);
					}
				})
				.catch(err => {
		
				})
			},
			//处理派工信息
			handleResponseData(data){
				// this.taskData=[];
				// this.finshedTaskData=[];
				let reponseData = JSON.parse(JSON.stringify(data));
				if(reponseData && reponseData.length>0){
					reponseData.map(item =>{
						let handleDataObj=item;
						let startTime="";
						let endTime="";
						if(item.flightInfoDTO){
							//航班日期
							if(item.flightInfoDTO && item.flightInfoDTO.flightDate){
								handleDataObj.flightDate=this.commonFun.dateFormat(item.flightInfoDTO.flightDate,'yyyy/MM/dd');
							}
							let landingDateFormat=item.flightInfoDTO.landingDate?this.commonFun.dateFormat(item.flightInfoDTO.landingDate,'hh:mm'):"" //实际落地时间
							let takeoffDateFormat=item.flightInfoDTO.takeoffDate?this.commonFun.dateFormat(item.flightInfoDTO.takeoffDate,'hh:mm'):""  //实际起飞时间
							let prepareLandingDateFormat=item.flightInfoDTO.prepareLandingDate?this.commonFun.dateFormat(item.flightInfoDTO.prepareLandingDate,'hh:mm'):""  //预备落地时间
							let prepareTakeoffDateFormat=item.flightInfoDTO.prepareTakeoffDate?this.commonFun.dateFormat(item.flightInfoDTO.prepareTakeoffDate,'hh:mm'):""  //预备起飞时间
							let planLandingDateFormat=item.flightInfoDTO.planLandingDate?this.commonFun.dateFormat(item.flightInfoDTO.planLandingDate,'hh:mm'):""  //计划落地时间
							let planTakeoffDateFormat=item.flightInfoDTO.planTakeoffDate?this.commonFun.dateFormat(item.flightInfoDTO.planTakeoffDate,'hh:mm'):""  //计划起飞时间
							if(item.flightInfoDTO.takeoffDate){
								startTime= takeoffDateFormat;
							}else if(item.flightInfoDTO.prepareTakeoffDate){
								startTime= prepareTakeoffDateFormat;
							}else if(item.flightInfoDTO.planTakeoffDate){
								startTime= planTakeoffDateFormat;
							}

							if(item.flightInfoDTO.landingDate){
								endTime= landingDateFormat;
							}else if(item.flightInfoDTO.prepareLandingDate){
								endTime= prepareLandingDateFormat;
							}else if(item.flightInfoDTO.planLandingDate){
								endTime= planLandingDateFormat;
							}
						}
						// 飞行时间
						// 如果为Pr/F, T/R航段任务，飞行时间取航班起飞时间,机位取出港机位；
						// 如果为Po/F, O/G航段任务，飞行时间取航班落地时间,机位取入港机位；
						// 时间展示优先级：实飞>预飞>计飞
						if(item.paWorkType && item.paWorkType==="Pr/F" || item.paWorkType==="T/R"){
							if(startTime !=""){
								handleDataObj.flightTime=startTime;
							}
							if(item.flightInfoDTO.bay){
								handleDataObj.palneSeat=item.flightInfoDTO.bay
							}
						}else if(item.paWorkType && item.paWorkType==="Po/F" || item.paWorkType==="O/G"){
							if(endTime !=""){
								handleDataObj.flightTime=endTime;
							}
							if(item.flightInfoDTO.bay2){
								handleDataObj.palneSeat=item.flightInfoDTO.bay2
							}
						}else{
							if(startTime !=""){
								handleDataObj.flightTime=startTime;
							}
							if(item.flightInfoDTO.bay){
								handleDataObj.palneSeat=item.flightInfoDTO.bay
							}
						}

						if(item.jobDate && item.jobDate){
							handleDataObj.jobDateFormat=this.commonFun.dateFormat(item.jobDate,'yyyy-MM-dd hh:mm:ss');
						}
						console.log(handleDataObj);
						// status:'ISSUED' 已下发 未完工,'COMPLETED'已完工	
						if(item.status ==="ISSUED"){
							this.taskData.push(handleDataObj);
						}else if(item.status ==="COMPLETED"){
							// this.finshedTaskData.push(handleDataObj);
						}
					})
				}
				console.log(this.finshedTaskData);
			},

			onButtonClick(item, type) {

				//process跳转
				if (type == 'process') {
					console.log('process:', item);
					let itemId = item.id;
					let sapTaskId = item.sapTaskId;
					let parentId = item.parentId;//lineJobId
					let cardId = item.cardId;//故障ID

					let jumpURl = '';
					let getTime = new Date().getTime();
					switch (item.workType) {
						case 'NRC':
							jumpURl = `nrcfeedbak/${itemId}`;
							break;
						case 'NRCT':
							jumpURl = `nrc_taskfeedbak/${itemId}`;
							break;
						case 'TO':
							jumpURl = `toprocess/${itemId}`;
							break;
						case 'JC':
							jumpURl = `jcprocess/${itemId}/${sapTaskId}/${parentId}`;
							break;
						case 'PCO':
							jumpURl = `pcporocess/${itemId}/${sapTaskId}`;
							break;
						case 'CCO':
							jumpURl = `ccoprocess/${itemId}/${sapTaskId}`;
							break;
						case 'DEFECT_REVIEW':
							jumpURl = `ddprocess/${itemId}`;
							break;
						// case 'DEFECT':jumpURl=`addFaultHandle`;break;
						case 'DEFECT':
							jumpURl = `searchFault/faultClose/${cardId}`;
							break;//明天看，
						case 'Pr/F':
							if (item.showLifeRa == 'Y') {
								jumpURl = `me/${getTime}/releaseTask/${parentId}/meFrom/TBM-001-D`;
							} else {
								jumpURl = `me/${getTime}/releaseTask/${parentId}/meFrom/TBM-001-A`;
							}
							break;
						case 'Po/F':
							jumpURl = `me/${getTime}/releaseTask/${parentId}/meFrom/TBM-001-C`;
							break;
						case 'O/G':
							if (item.showLifeRa != 'Y') {
								jumpURl = `me/${getTime}/releaseTask/${parentId}/meFrom/TBM-001-D`;
							}
							// else{
							//     jumpURl=`me/${getTime}/releaseTask/${parentId}/meFrom/TBM-001-D`;
							// }
							break;
						case 'T/R':
							if (item.showLifeRa == 'Y') {
								jumpURl = `me/${getTime}/releaseTask/${parentId}/meFrom/TBM-001-G`;
							} else {
								jumpURl = `me/${getTime}/releaseTask/${parentId}/meFrom/TBM-001-B`;
							}
							break;

					}

					if (!jumpURl) return;
					// alert('跳转URL：'+jumpURl);

					this.jumpTdmsApp(jumpURl);

				}

				//Mr_List跳转
				if(type == 'mrlist'){

					let searchTxt=`${item.workType}_${item.cardNumber}_${item.cardNumber}_${item.cardId}_${item.status}_${item.acReg}_${item.station}_${item.sapTaskId}_${item.jobDate}_${item.assetNum}`;
					let fromIndex=true;
					let jumpURl=`mr/${searchTxt}/${fromIndex}/${item.jobDate}`;
					alert('melist:'+jumpURl);
					this.jumpTdmsApp(jumpURl);
				}

			},
			//跳转TDMS APP
			jumpTdmsApp(jumpURl){
				if (!!window.native && !!window.native.sendMessage && typeof (window.native.sendMessage) == 'function') {
					var json = {
						action: "intent",
						callback: "nativeCallback",
						data: {
							activity: "TDMS",
							msgSender: 'mTaskApp',
							msgParams: jumpURl
						}
					};
					window.native.sendMessage(JSON.stringify(json))
				} else {
					console.log("平台错误")
				}
			},
			// 扫码领取任务
			scanCode(){
				if (!!window.native && !!window.native.sendMessage && typeof (window.native.sendMessage) == 'function') {
					var json = {
						action: "intent",
						data: {
							activity: "scan",
							isScanContinuous:false,//是否连续扫码 
						},
						callback: "nativeCallback",
					};
					window.native.sendMessage(JSON.stringify(json));
				} else {
					console.log("平台错误")
				}
			},
			// 接收二维码
			getCode(code){
				this.checkBarCode(code);
			},
			//工卡领取前校验
			checkBarCode(code){
				let data = {
					// "workNumber": code
					"workNumber": "2019100012769"
				};
				let url = "/workorder/workOrderAssignEmp/checkBarCode";
				let method = "POST";
				this.$http(url, data, method,"")
				.then(res => {
					if(res.data.success){
						this.$Modal.alert.show({
							title: '',
							content: `<div style="text-align:left;">
								是否领取`+code+`工卡？<br/>
								移动端无法取消领取，<br/>
								请慎重操作<br/>
								</div>`,
							footer: [{
								text: "继续扫码",
								onPress: evt => {
									this.scanCode();
									this.$Modal.alert.hide()
								}
							}, {
								text: "确定",
								onPress: evt => {
									this.$Modal.alert.hide()
								}
							}]
						})
					}else{
						this.$Modal.alert.show({
							title: '',
							content: `<div style="text-align:left;">
								`+res.data.errorMessage?res.data.errorMessage:+"工卡领取前校验存在异常"`
								</div>`,
							footer: [{
								text: "继续扫码",
								onPress: evt => {
									this.scanCode();
									this.$Modal.alert.hide()
								}
							}, {
								text: "我知道了",
								onPress: evt => {
									this.$Modal.alert.hide()
								}
							}]
						})
					}
				})
				.catch(err => {
					console.log(err);
				})
			},

			//领取工卡
			pullByScanCode(code){
				let data = {
					// "workNumber": code
					"workNumber": "2019100012769"
				};
				let url = "/workorder/workOrderAssignEmp/pullByScanCode";
				let method = "POST";
				this.$http(url, data, method,"")
				.then(res => {
					if(res.data.success){
						this.$Modal.alert.show({
							title: '',
							content: `<div style="text-align:left;">
								`+code+`工卡领取成功<br/>
								</div>`,
							footer: [{
								text: "确定",
								onPress: evt => {
									this.$Modal.alert.hide()
								}
							}]
						})
					}else{
						this.$Modal.alert.show({
							title: '',
							content: `<div style="text-align:left;">
								`+res.data.errorMessage?res.data.errorMessage:+"工卡领取前校验存在异常"`
								</div>`,
							footer: [{
								text: "我知道了",
								onPress: evt => {
									this.$Modal.alert.hide()
								}
							}]
						})
					}
				})
				.catch(err => {
					console.log(err);
				})
			},
		}
	}
</script>

<style lang="less" scoped>
.flightLineTaskListDiv{
 	.taskListClass{
		background: #F5F5F5;
		padding:7px 7px 1px 7px;
		// height: calc(~'100% - 40px');
		// overflow: scroll;
		.taskItemClass{
			background: #FFFFFF;
			border-radius: 5px;
			height: auto;
			padding: 10px;
			margin-bottom: 2px;
			.divClass1{
				margin-bottom: 10px;
				// height: 63px;
				// display: flex;
    			// align-items: center;
			}
			.divClass2{
				// margin: 10px 0;
				border-top:1px dashed #4F6CBE;
			}
			.divClass3{
				// margin: 5px 0;
				// border-top:1px dashed #4F6CBE;
				// height: 34px;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			.divClass4{
				color:#999999;
				font-size: 12px;
				// height: auto;
				background: #EEEEEE;
				border-radius: 2px;
				padding: 6px;
				margin: 6px 0;
				height: 33px;
    			line-height: 19px;
				text-overflow: -o-ellipsis-lastline;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
			}
			.typeClass{
				width: 44px;
				height: 44px;
				line-height: 44px;
				color: #FFFFFF;
				font-size: 16px;
				text-align:center;
				// margin-bottom: 6px;
				background: #4F6CBE;
				border-radius: 3px;
				display: inline-block;
			}
			.typeFishedClass{
				width: 44px;
				height: 44px;
				line-height: 44px;
				color: #FFFFFF;
				font-size: 16px;
				text-align:center;
				// margin-bottom: 6px;
				background: #808080;
				border-radius: 3px;
				display: inline-block;
			}
		}
	}
	// /deep/ &.flightLineTaskListDiv-deep {
		.sfmui-tab .sfmui-tab-item{
			font-size: 18px;
			color: #A3A3A3;
			// line-height: 44px;
		}
		.sfmui-tab .sfmui-tab-item.sfmui-tab-selected{
			font-size: 18px;
			color: #333333;
		}
		.sfmui-tab-bar-inner{
			background-color: #4F6CBE!important;
		}
		// .sfmui-swipeout-button-primary{
		// 	font-size: 14px;
		// 	border-radius: 5px;
		// 	background-color:#4F6CBE!important;
		// }
		// .sfmui-swipeout-button-default{
		// 	font-size: 14px;
		// 	border-radius: 5px;
		// 	background-color:#F55858!important;
		// }
		.proccessClass{
			font-size: 14px;
			border-radius: 5px;
			background-color:#4F6CBE;
		}
		.rejectClass{
			font-size: 14px;
			border-radius: 5px;
			background-color:#F55858;
		}
		.mrPdfClass{
			color: #4F6CBE;
			font-size: 14px;
			border-radius: 5px;
			background-color:#ffffff;
		}

	// }
	
}

</style>